<template>
		<div class="feedback-main">
			 <div class="list">
					 <p class="header">反馈类型</p>
					 <ul class="type-content clearfix">
							 <li class="fl active">功能建议</li>
							 <li class="fl">软件问题</li>
							 <li class="fl">物流问题</li>
							 <li class="fl">其他问题</li>
					 </ul>
			 </div>
				<div class="list">
						<p class="header">反馈内容</p>
						<div class="content-text">
								<textarea placeholder="请写下您宝贵的意见和建议~"></textarea>
						</div>
				</div>
				<div class="list">
						<p class="header">联系方式</p>
						<div class="connect-content">
								<input type="text" placeholder="请您留下联系方式（电话/QQ/邮箱）"/>
						</div>
				</div>
			<router-link id="" to=""><button type="submit" disabled class="disabled">提交</button></router-link>
		</div>
</template>
<script>
		import Vue from 'vue'
		export default {
				data () {return {}},
				name: 'app',
				methods:{

				}
		}
</script>
<style lang="scss">
.feedback-main{
	.list{
		width: 100%; border-top: 0.2rem solid #f4f5f5; background:#fff;
		.header{height:0.28rem; padding:0.2rem 0; border-bottom: 1px solid #f1f1f1; font-size: 0.28rem; line-height: 0.28rem; text-indent: 0.3rem; color: #666;}
		.type-content{
			width: calc(100%-0.2rem); height: 1.12rem; padding-left:0.2rem;
			li{ width: 1.3rem; height: 0.5rem; margin: 0.3rem 0 0.3rem 0.3rem; border: 1px solid #f1f1f1; border-radius: 0.25rem; font-size: 0.24rem; text-align: center; line-height: 0.5rem; color: #666;}
			.active{border: 0; color: #fff; background: #ff365d;}
		}
		.content-text{
			width: 100%; height: 2.66rem; padding:0.2rem 0.3rem;
			textarea{width: 6.62rem; height: 2.38rem; padding: 0.14rem; border: 0; resize : none; font-size: 0.26rem; line-height: 0.36rem; text-align: left; color: #333; background:#f4f5f5;}
			::-webkit-input-placeholder {color: #aaa; font-size: 0.26rem; line-height: 0.36rem; text-align: left;}
		}
		.connect-content{
			width: 100%; height: 0.66rem; padding:0.2rem 0.3rem;
			input{display: block; height: 0.26rem; width:6.5rem; padding:0.2rem; border: 0; font-size: 0.26rem; line-height: 0.26rem; color: #333; background:#f4f5f5;}
			::-webkit-input-placeholder {color: #aaa; font-size: 0.26rem; line-height: 0.26rem; text-align: left;}
		}
	}
	a{
		display: block; width: 100%; height: 0.98rem;
		button{display: block; width: 100%; height: 0.98rem; position: fixed; left: 0; bottom: 0; border: 0; font-size: 0.32rem; text-align: center; line-height: 0.98rem; color: #fffefe; background: linear-gradient(to right,#fe4a6b,#e8163f);}
	}
}
</style>